<!--
  ~ Copyright 2022 Scheer PAS Schweiz AG
  ~
  ~  Licensed under the Apache License, Version 2.0 (the "License");
  ~  you may not use this file except in compliance with the License.
  ~  You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  imitations under the License.
  -->

<div class="grid">
  <div>
    <h4>{{ 'CLIENTS.DISABLE_API' | translate }}</h4>
    <p class="card-text">{{ 'DESCRIPTIONS.DISABLE_API' | translate }}</p>
  </div>
  <div class="card">
    <div class="card-content mat-elevation-z2">
      <div class="card-header bg-color-coral">
        <p class="card-title">{{ 'CLIENTS.DISABLE_THIS_API' | translate }}</p>
      </div>
      <button mat-raised-button class="disable-btn bg-color-coral">
        {{ 'CLIENTS.DISABLE_API' | translate }}
      </button>
    </div>
  </div>
</div>

<mat-divider></mat-divider>

<div class="grid mt-15">
  <div>
    <h4>{{ 'CLIENTS.UNSUB_FROM_API' | translate }}</h4>
    <p class="card-text">{{ 'DESCRIPTIONS.UNREGISTER_API' | translate }}</p>
  </div>
  <div class="card">
    <div class="card-content mat-elevation-z2">
      <div class="card-header bg-color-darkred">
        <p class="card-title">
          {{ 'CLIENTS.UNSUB_FROM_THIS_API' | translate }}
        </p>
      </div>
      <button mat-raised-button class="disable-btn bg-color-darkred">
        {{ 'CLIENTS.UNSUB' | translate }}
      </button>
    </div>
  </div>
</div>
